<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>神州通立电梯-网址首页</title>
    <meta name="description" content="神州通立电梯" />
    <meta name="keywords" content="神州通立电梯" />
    <link href="favicon.ico" rel="shortcut icon" />
    <link href="css/base.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="./css/swiper-bundle.css" />
  </head>

  <body>
    <link href="css/new.css" rel="stylesheet" type="text/css" />
    <div class="body-main">
      <div class="top-bar">
        <div class="pro-main">
          <img
            src="./images/logo.png"
            style="width: 122px; height: 54px"
            alt=""
          />
          <div class="pro-main">
            <div class="gf-title"><a href="index.html">网站首页</a></div>
            <div class="gf-title women">
              <div id="women">
                <a href="women.html">关于我们</a>
                <div class="women-title" id="women-title">
                  <div class="name">
                    <a class="name" href="women.html#jj">公司简介</a>
                  </div>
                  <div class="name">
                    <a class="name" href="women.html#zz">企业资质</a>
                  </div>
                  <div class="name">
                    <a class="name" href="women.html#wh">企业文化</a>
                  </div>
                </div>
              </div>
            </div>
            <div class="gf-title"><a href="new.html">新闻资讯</a></div>
            <div class="gf-title women">
              <div id="cp">
                <a href="product.html">产品展示</a>
                <div class="women-title" id="cp-title">
                  <div class="name" id="dt-title">
                    <a class="name" href="product.html#dt">电梯系列</a>
                  </div>
                  <div class="name" id="kt-title">
                    <a class="name" href="product.html#kt">客梯系列</a>
                  </div>
                  <div class="name" id="jx-title">
                    <a class="name" href="product.html#jx">轿厢系列</a>
                  </div>
                  <div class="name" id="dd-title">
                    <a class="name" href="product.html#dd">吊顶系列</a>
                  </div>
                  <div class="name" id="fs-title">
                    <a class="name" href="product.html#fs">扶手系列</a>
                  </div>
                  <div class="name" id="tm-title">
                    <a class="name" href="product.html#tm">厅门系列</a>
                  </div>
                  <div class="name" id="qt-title">
                    <a class="name" href="product.html#qt">其他配件</a>
                  </div>
                </div>
              </div>
            </div>
            <div class="gf-title"><a href="case.html">客户案例</a></div>
            <div class="gf-title"><a href="contact.html">联系我们</a></div>
          </div>
        </div>
      </div>
      <div class="swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="./images/banner/banner-1.jpg" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="./images/banner/banner-2.jpg" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="./images/banner/banner-3.jpg" alt="" />
          </div>
        </div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
      </div>
      <div class="anli-box pro-mainone">
        <div class="left-box">
          <div class="left-title">新闻资讯</div>
          <div class="content-list">
            <!-- <div id="dt-title1"><a href="#dt">公司动态</a></div>
                    <div id="kt-title1"><a href="#kt">业界资讯</a></div>
                    <div id="jx-title1"><a href="#jx">电梯政策</a></div> -->
            <div id="dt-title1 active"><span>公司动态</span></div>
            <div id="kt-title1"><span>业界资讯</span></div>
            <div id="jx-title1"><span>电梯政策</span></div>
          </div>
        </div>
        <div class="right-box">
          <div id="dt">
            <div class="right-title">公司动态</div>
            <div class="right-img">
              <div class="xw-box">
                <div id="xw-click">
                  <p>《既有多层住宅装配式电梯工程应用技术规程》</p>
                  <p>团体标准立项审查会顺利召开</p>
                  <p>
                    2022年12月11日，在合肥工业大学智能制造技术研究院，来自立项审查专家组、标准编制组和钢结构设计20多名专家、领导和特邀人员参加了本次会议。莅临本会议的专家团队有合肥工业大学完海鹰教授；合肥工业大学陈安英副教授；安徽省建筑节能与科技协会叶长青副会长。
                    叶长青副会长主持会议，讲述了合肥工业大学在立项之前已经做了部分的实验，并对本规程立项表示赞许和肯定，希望通过本规程标准的编制将技术成果转化为生产力，促进技术创新，赋能企业。
                  </p>
                </div>
                <div class="xw-text">
                  <img
                    src=""
                    alt=""
                  />
                  <a href="#xw-click" id="n-1"
                    >《既有多层住宅装配式电梯工程应用技术规程》</a
                  >
                  <div class="xw-icon">
                    <img
                      src=""
                      alt=""
                    />${data.rows[i].publishTime == null ? '' :
                    data.rows[i].publishTime}
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div id="kt">
            <div class="right-title">业界资讯</div>
            <div class="right-img">
              <div class="xw-box"></div>
            </div>
          </div>
          <div id="jx">
            <div class="right-title">电梯政策</div>
            <div class="right-img">
              <div class="xw-box"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="bottom-box">
        <div class="box pro-mainone">
          <div class="botton-bar">
            <div class="title-w">神州通立电梯有限公司</div>
            <div class="t first-t">
              公司地址：安徽省六安市金寨现代产业园区梅山湖路与笔架山路路口
            </div>
            <div class="t">电话：4001807798</div>
            <div class="t">邮箱：service@tldt.net</div>
          </div>
          <div class="botton-bar">
            <div class="bt first-t pointer">
              <a class="name" href="women.html">关于我们</a>
            </div>
            <div class="bt second-t pointer">
              <a class="name" href="women.html#jj">公司简介</a>
            </div>
            <div class="bt second-t pointer">
              <a class="name" href="women.html#zz">企业资质</a>
            </div>
            <div class="bt second-t pointer">
              <a class="name" href="women.html#wh">企业文化</a>
            </div>
          </div>
          <div class="botton-bar">
            <div class="bt first-t pointer">
              <a class="name" href="new.html">新闻资讯</a>
            </div>
            <div class="bt second-t pointer">
              <a class="name" href="new.html#dt">公司动态</a>
            </div>
            <div class="bt second-t pointer">
              <a class="name" href="new.html#kt">业界咨询</a>
            </div>
            <div class="bt second-t pointer">
              <a class="name" href="new.html#jx">电梯政策</a>
            </div>
          </div>
          <div class="botton-bar">
            <div class="bt first-t pointer">
              <a class="name" href="product.html#dt">产品展示</a>
            </div>
            <div class="bt second-t pointer">
              <a class="name" href="product.html#dt">电梯系列</a>
            </div>
            <div class="bt second-t pointer">
              <a class="name" href="product.html#kt">客梯系列</a>
            </div>
            <div class="bt second-t pointer">
              <a class="name" href="product.html#jx">轿厢系列</a>
            </div>
            <div class="bt second-t pointer">
              <a class="name" href="product.html#dd">吊顶系列</a>
            </div>
            <div class="bt second-t pointer">
              <a class="name" href="product.html#fs">扶手系列</a>
            </div>
            <div class="bt second-t pointer">
              <a class="name" href="product.html#tm">厅门系列</a>
            </div>
            <div class="bt second-t pointer">
              <a class="name" href="product.html#qt">其他配件</a>
            </div>
          </div>
          <div class="botton-bar">
            <div class="bt first-t pointer">
              <a class="name" href="case.html">客户案例</a>
            </div>
          </div>
          <div class="botton-bar">
            <div class="bt first-t pointer">
              <a class="name" href="contact.html">联系我们</a>
            </div>
          </div>
          <div class="botton-bar">
            <div>
              <img width="125" height="125" src="./images/gzh.jpg" alt="" />
              <div class="bt">微信公众号</div>
            </div>
          </div>
        </div>
        <div class="floot body-main">
          <div class="pro-mainone">
            <div class="floot-text">
              Copyright © 2020 神州通立电梯版权所有
              <a
                href="https://beian.miit.gov.cn/#/Integrated/index"
                class="name"
                target="_blank"
                >皖ICP备2021000198号-1</a
              >
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script src="js/axios.min.js"></script>
  <script src="js/jQuery1.7.2.js" type="text/javascript"></script>
  <script src="js/jq.js" type="text/javascript"></script>
  <script src="js/swiper-bundle.js"></script>
  <script>
    var dom = null;
    var mySwiper = new Swiper(".swiper", {
      autoplay: {
        //设置自动切换，可以更改切换时间
        delay: 3000,
      },
      loop: true, // 循环模式选项
      //   effect: 'cards',//设置切换的方式
      //   pagination: {
      //     el: ".swiper-pagination",
      //     clickable :true,//设置小圆点点击切换图片
      //   },
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    });
    $("#women").mousemove(function () {
      $("#women-title").show();
    });
    $("#women").mouseout(function () {
      $("#women-title").hide();
    });
    $("#women-title").mousemove(function () {
      $("#women-title").show();
    });
    $("#women-title").mouseout(function () {
      $("#women-title").hide();
    });
    $("#cp").mousemove(function () {
      $("#cp-title").show();
    });
    $("#cp").mouseout(function () {
      $("#cp-title").hide();
    });
    $("#cp-title").mouseover(function () {
      $("#cp-title").show();
    });
    $("#cp-title").mouseout(function () {
      $("#cp-title").hide();
    });
    $("#dt-title1").click(function () {
      $("#dt").show();
      $("#kt").hide();
      $("#jx").hide();
      axios({
        method: "get",
        url: "http://server.tldt.net:8080/show/article/list",
        params: {
          categoryId: 301,
        },
      }).then((res) => {
        showData(res.data);
      });
      function showData(data) {
        let str = "";
        console.log(data);
        for (var i = 0; i < data.rows.length; i++) {
          str += `
            <div class="xw-text Dt-text" >
                                <img src="" alt="">
                                <div style="display: none"  link="${
                                  data.rows[i].link
                                }">${data.rows[i].content}</div>
                                <span >${data.rows[i].title}</span>
                                <div class="xw-icon">
                                    <img src="" alt="">${
                                      data.rows[i].publishTime == null
                                        ? ""
                                        : data.rows[i].publishTime
                                    }
                                    </div>
                            </div>
            `;
        }
        $(".xw-box").html(str);
        dom = $("#dt .xw-text");
        $(`.xw-box span`).click(function (event) {
          const link = $(this).parent().find("div").attr("link");
          if (typeof link !== "undefined" && link !== null && link !== "null") {
            window.location.href = link; // 跳转到link指定的页面
          } else {
            const content = $(this).parent().find("div").html();
            $(".xw-box").html(content);
          }
        });
      }
    });
    $("#kt-title1").click(function () {
      $("#kt").show();
      $("#dt").hide();
      $("#jx").hide();
      axios({
        method: "get",
        url: "http://server.tldt.net:8080/show/article/list",
        params: {
          categoryId: 302,
        },
      }).then((res) => {
        showData(res.data);
      });
      function showData(data) {
        let str = "";
        console.log(data);
        dom = "";
        for (var i = 0; i < data.rows.length; i++) {
          str += `
            <div class="xw-text Kt-text" >
                                <img src="" alt="">
                                <div style="display: none"  link="${
                                  data.rows[i].link
                                }">${data.rows[i].content}</div>
                                <span>${data.rows[i].title}</span>
                                <div class="xw-icon">
                                    <img src="" alt="">${
                                      data.rows[i].publishTime == null
                                        ? ""
                                        : data.rows[i].publishTime
                                    }
                                    </div>
                            </div>
            `;
        }
        $(".xw-box").html(str);
        dom = $("#kt .xw-text");
        $(`.xw-box span`).click(function (event) {
          const link = $(this).parent().find("div").attr("link");
          if (typeof link !== "undefined" && link !== null && link !== "null") {
            window.location.href = link; // 跳转到link指定的页面
          } else {
            const content = $(this).parent().find("div").html();
            $(".xw-box").html(content);
          }
        });
      }
    });
    $("#jx-title1").click(function () {
      $("#jx").show();
      $("#dt").hide();
      $("#kt").hide();
      axios({
        method: "get",
        url: "http://server.tldt.net:8080/show/article/list",
        params: {
          categoryId: 303,
        },
      }).then((res) => {
        showData(res.data);
      });
      function showData(data) {
        let str = "";
        console.log(data);
        for (var i = 0; i < data.rows.length; i++) {
          str += `
            <div class="xw-text Jx-text" >
                                <img src="" alt="">
                                <div style="display: none"  link="${
                                  data.rows[i].link
                                }">${data.rows[i].content}</div>
                                <span>${data.rows[i].title}</span>
                                <div class="xw-icon">
                                    <img src="" alt="">${
                                      data.rows[i].publishTime == null
                                        ? ""
                                        : data.rows[i].publishTime
                                    }
                                    </div>
                            </div>
            `;
        }
        $(".xw-box").html(str);
        dom = $("#jx .xw-text");
        $(`.xw-box span`).click(function (event) {
          const link = $(this).parent().find("div").attr("link");
          if (typeof link !== "undefined" && link !== null && link !== "null") {
            window.location.href = link; // 跳转到link指定的页面
          } else {
            const content = $(this).parent().find("div").html();
            $(".xw-box").html(content);
          }
        });
        // dom.on('click', function() {
        //     // 在这里编写点击事件的处理程序
        //     console.log('xw-text被点击了');
        // })
      }
    });

    const viewKey = window.location.hash.substring(1);
    console.log(viewKey, "viewKey");
    switch (viewKey) {
      case "kt":
        $("#kt-title1").click();
        break;
      case "jx":
        $("#jx-title1").click();
        break;
      default:
        $("#dt-title1").click();
    }
  </script>
  <script>
    // axios({
    //     method: 'get',
    //     url: 'http://server.tldt.net:8080/show/article/list',
    //     params: {
    //         categoryId: 301
    //     }
    // }).then(res => {
    //     showData(res.data);
    // })
    // function showData(data) {
    //     let str = '';
    //     for (var i = 0; i < data.rows.length; i++) {
    //         str += `
    //         <div class="xw-text Dt-text" >
    //                             <img src="" alt="">

    //                             <span class="n">${data.rows[i].title}<span/>
    //                             <div class="xw-icon">
    //                                 <img src="" alt=""> ${data.rows[i].publishTime == null ? '' : data.rows[i].publishTime}
    //                                 </div>
    //                         </div>
    //         `
    //     }
    //     $('.xw-box').html(str);
    //     dom = $('#dt .xw-text')
    //     $('.xw-box').on('click','div',function(event){
    //         let index = $(dom).index(this);
    //         if (data.rows[index].content == null) {
    //                 window.open(data.rows[index-1].link,"_blank");
    //             }else{
    //                 $('.xw-box').html(data.rows[index].content);
    //             }
    //     })
    // }
  </script>
</html>
